* {
    margin: 0px;
}

#footer{
    position:fixed;
    bottom: 0px;
    z-index: 1;
    background-color: #6a6a6a;
    height: 40px;
    width: 100%;


}
body{


    height: 100%;

}

.function tr:nth-child(even) {background: #ededec}
.function tr:nth-child(odd) {background: #FFF}


html{

    height: 100%; 
}

.ownsession{
    font-weight: bold;


}









#header-logo{
    float: left;
    margin-left: 2.5%;


    color: white;


}






#header{
    width: 100%;

    background-color: #383838;
    position: fixed;
    top: 0px;
    z-index: 2;
    clear: both;

}


#content{

    background-color: white;

    z-index: 0;


    margin-left: 1.6%;
    margin-right: 1.6%;
    height: auto !important;
    min-height: 300px;
    height: auto;

    background-repeat:no-repeat;

}
#menu{
    float: left; 
    position: relative;

    width: 100%;
    height:50%;  

}




.menuitem{

    color: #bdcd00;
    text-decoration: none;
    text-align: center;


    float: left;
    margin-left: 1.6%;
    background-color: #5c5c5c;
    -moz-box-shadow: 3px -3px 1px #000;
    -webkit-box-shadow: 3px -3px 1px #000;
    box-shadow: 3px -3px 1px #000;

}

.menuitemactive{
    color: #5c5c5c;
    text-decoration: none;
    text-align: center;


    float: left;
    margin-left: 1.7%;
    background-color: white;
    border-bottom: 1px solid #d5d5d5;
}

#menu p {
    position: relative;
    top: 40%;

}






.wissenbutton{
    background-image:url('../images/wissenbutton.png');
    height:30px;
    width:75px;
    float:right;
    margin-top:1em;
    background-repeat:no-repeat;
    border: none;
    background-color: white;


}
.toonresultatenbutton{
    background-image:url('../images/toonresultatenbutton.png');
    height:30px;
    width:151px;
    float:left;
    margin-top:1em;

    background-repeat:no-repeat;
    border: none;
    background-color: white;

}

.selectionz{
    height: 60px;
    width: 100%;
    clear: both;

}


.volgende{
    background-image:url('../images/volgendebutton.png');
    background-color: white;
    background-repeat:no-repeat;
    height:30px;
    width: 125px;
    float:right;
    margin-top: 1em;

    border: none;

}

.clusteroverzicht{
    background-image:url('../images/clusteroverzicht.png');
    background-color: white;
    background-repeat:no-repeat;
    height:30px;
    width: 147px;
    margin-top: 1em;
    border: none;

}
.functieoverzicht{
    background-image:url('../images/functieoverzicht.png');
    background-color: white;
    background-repeat:no-repeat;
    height:30px;
    width: 144px;
    margin-top: 1em;
    border: none;

}

.vorige{
    background-image:url('../images/vorigebutton.png');
    background-color: white;
    background-repeat:no-repeat;
    height:30px;
    width: 88px;
    margin-top: 1.5em;
    margin-right: 0.5em;
    border: none;
    float: left;

}
.vorige2{
    background-image:url('../images/vorigebutton.png');
    background-color: white;
    background-repeat:no-repeat;
    height:30px;
    width: 88px;
    clear:both;
    border: none;
    margin-bottom: 0.5em;

}


h1 {
    color:#9dac1b;
    font-size: 2em;
    padding-top:1em;
    font-weight: normal;
    padding-bottom:1em;
}

h2{

    color:#9dac1b;
    font-size: 2em;
    padding-top:1em;
    padding-bottom:1em;
    font-weight: normal;
}

span {
    font-size: 1.3em;
    margin: 1.2em 0 1.2em 0;
    font-weight: bold;

    float: left;
    clear: both;
    width: 100%;
    height: auto;
}

.searchbutton{
    width: 100%;
    height:40px;

    border-radius: 10px; 
    -webkit-box-shadow: 2px 2px 3px #9DAC1B;
    border: 2px solid #9DAC1B;
    margin-top: 0.4em;
    font-size: 1.4em;

}

.searchbutton p {
    margin-top:0.700em;
    margin-left:0.700em;

}



.searchbuttontext{
    text-decoration: none;
    color: black;

}


.text {
    font-size: 1.3em;
    margin: 0 0 1.2em 0;
    font-weight: normal;
    line-height:1em;

    width: auto;
    height: auto;
}


.result-text{
    margin-top: 1.5em;
    font-size: 1.4em;
    line-height:1em;
    width: 100%;
    height: auto;

    clear: both;

    border-bottom: 1px solid #bdcd00;



}

.jqmClose{ background:#FFDD00; border:1px solid #FFDD00; color:#000; clear:right; float:right; padding:0 5px; cursor:pointer; }
.jqmClose:hover{ background:#FFF; }
#jqmContent{ width:99%; height:99%; display: block; clear:both; margin:auto; margin-top:10px; background:#111; border:1px dotted #444; }


.plus{

    background-image: url('../images/plus.png');
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    border: none;
    background-color: white;
    position: relative;
    bottom:1em;
    float: right;

}

.delSelect{
    background-image: url('../images/delselect.png');
    background-repeat: no-repeat;
    width: 25px;
    height: 25px; 
    background-color: white;
    border: none;


}

#queue{
    padding-top: 0.500em;
    font-size: 1.4em;


}


input.rounded {
    width:11em;
    border: 2px solid #666666;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 2px 2px 3px #666;
    -webkit-box-shadow: 2px 2px 3px #666;
    box-shadow: 2px 2px 3px #666;
    font-size: 1.5em;
    padding: 4px 7px;
    outline: 0;
    -webkit-appearance: none;
    float:left;
    margin-left:1.5em;
    margin-top:0.2em;
    clear: both;

}
input.rounded:focus {
    border-color: #9DAC1B;
}

.communityName{
    font-size: 1.7em;
    margin-bottom:0.500em;
    margin-top:0.500em;
    color: #5c5c5b;
    clear:both;
    height:auto;
}

.resultName{
    font-size: 1.7em;
    margin-bottom:0.500em;
    margin-top:0.500em;
    color: #5c5c5b;
    position: relative;
    top: 10px;
}
#ownsession-table{

    color: #5c5c5b;


}



#ownsession-table tr{

    width: 500px;


}

#searchForm{
    height: auto;
    width: 100%;
    margin-bottom: 6em;

}

.helpbutton{
    background-image:url('../images/helpbutton.png');
    height:30px;
    width:31px;

    background-repeat:no-repeat;
    background-color: #6A6A6A;
    border: none;

}

.registerbutton{
    background-image:url('../images/registrerenbutton.png');

    height:30px;
    width:123px;


    background-color: #6A6A6A;
    border: none;
    background-repeat:no-repeat;  



}
.footer-link{
    position: relative;
    top: -7px;
    float: right;
    margin-right: 1.6%;
}



select {
    border: 2px solid #9DAC1B;
    color:#000000;
    font-size: 1.7em;
    width:100%;
    float:left;
    clear: both;

    margin-top:0.7em;

}

.loginButton{
    background-image:url('../images/loginbutton.png');
    height:38px;
    width:140px;
    float:right;
    margin-top:2.2em;

    background-repeat:no-repeat;
    border: none;
    background-color: white;

}
input.roundedSearch {

    border: 2px solid #666666;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 2px 2px 3px #666;
    -webkit-box-shadow: 2px 2px 3px #666;
    box-shadow: 2px 2px 3px #666;
    font-size: 2.3em;
    margin-top:0.500em;

    -webkit-appearance: none;

    float: left;


}
input.roundedSearch:focus {
    border-color: #9DAC1B;
}


/*iphone 4 en smartphones */

@media only screen and (min-width:100px) and (max-width:767px) {
    /* Styles */
    #header{

        height: 60px;


    }
    #header-logo{

        height:50%;


    }

    #menu{

        height:50%;  

    }

    body{
        font: 0.725em/1em Verdana;

    }
    .menuitem{

        height: 100%;
        width: 23%;
        font-size: 1.4em;


    }

    .backbutton{
        width:20%;
    }

    input.roundedSearch {
        width:60%;



    }
    .menuitemactive{
        height: 100%;
        width: 23%;
        font-size: 1.4em;


    }
    #content{

        width: 96.8%;
        position: relative;
        top: 60px;

    }

    #footer-text{
        font-size: 1.2em;
        color: white;
        position:relative; 
        top: 40%;
        margin-left: 1.6%;

    }


    #draadmodel{
        background-image:url('../images/draadmodel2.png');
        background-position: center;
        right: 0;
        background-repeat: no-repeat;
        position: absolute;

        width: 380px;
        height:100%;


    }
    #innergo{

        background-image: url('../images/logo-mobile.png');
        background-repeat:no-repeat;
        width: 119px;
        height: 20px;
        position: fixed;
        left: 1.6%;
        top: 5px;
    }
}

/* tablets ----------- */
@media only screen and (min-width:768px) {
    /* Styles */
    #header{

        height: 150px;


    }

    #header-logo{

        height:60%;


    }
    .backbutton{
        width:5%;
    }

    input.roundedSearch {
        width:45%;



    }

    body{
        font: 0.84em/1em Verdana;

    }

    #menu{

        height:40%;  

    }
    .menuitem{

        height: 100%;
        width: 10.9%;
        font-size: 1.4em;



    }

    .menuitemactive{

        height: 100%;
        width: 11.5%;
        font-size: 1.4em;


    }


    #draadmodel{
        background-image:url('../images/draadmodel-tablet.png');
        background-position: center;
        right: 0;
        background-repeat: no-repeat;
        position: absolute;

        width: 700px;
        height:100%;


    }
    #innergo{

        background-image: url('../images/logo.png');
        background-repeat:no-repeat;
        width: 267px;
        height: 32px;
        position: fixed;
        left: 1.6%;
        top: 10px;
    }
    #content{

        width: 96.8%;
        position: relative;
        top: 150px;

    }


    #footer-text{
        font-size: 1.2em;
        color: white;
        position:relative; 
        top: 40%;
        margin-left: 1.6%;

    }
}


.function tr:nth-child(even) {background: #ededec}
.function tr:nth-child(odd) {background: #FFF}